<?php TPL::output('aomas/global/header.tpl.htm'); ?>
<link rel="stylesheet" href="<?php echo G_STATIC_URL; ?>/aomas/css/common/toast.style.css">
<link rel="stylesheet" href="<?php echo G_STATIC_URL; ?>/aomas/css/home/home.css">
<?php $home_data = $this->home_data; ?>
<div class="home">
    
    <?php TPL::output('aomas/global/nav.tpl.htm'); ?>

    <div class="section-video" style="top: 100px">
        <video class="am-video" autoplay="true" muted id="am-video1" loop>
            <source src="<?php echo $home_data['banner'][0]['video']; ?>">
            <!-- <source src="https://aomas.oss-cn-shanghai.aliyuncs.com/%E8%BF%90%E5%8A%A8%E7%89%88.mp4?nsukey=W2rkTlqUxZRCpu5Vvu6k4y%2FxgWomDYdBITaJp%2FEdJhLNeRF6j%2BVxXXtWZBL5PkDONF82QhpK7h5hir74T%2FeylqItV2ug8ppmMyDFKe6xtZf7KU1kgyOTkHAbu7fs8G0le%2BstLQimcp3%2BSAbnPYG9pSmAc%2FZ0H0Jo07j%2FiBM6oNj8fJyzqS52YAceoaSVjt4dqwwqHow%2B%2BznIrrB0Z8JX1A%3D%3D" /> -->
        </video>
    </div>

    <div class="home-section">
        <div class="section-bn" style="height: 400px;">
            <!-- $home_data['banner'][0]['pic'];-->
            <!-- <div class="section-video">
                <video class="am-video" autoplay="true" muted id="am-video1" loop>
                    <source src="<?php echo $home_data['banner'][0]['video']; ?>">
                    <source src="https://aomas.oss-cn-shanghai.aliyuncs.com/%E8%BF%90%E5%8A%A8%E7%89%88.mp4?nsukey=W2rkTlqUxZRCpu5Vvu6k4y%2FxgWomDYdBITaJp%2FEdJhLNeRF6j%2BVxXXtWZBL5PkDONF82QhpK7h5hir74T%2FeylqItV2ug8ppmMyDFKe6xtZf7KU1kgyOTkHAbu7fs8G0le%2BstLQimcp3%2BSAbnPYG9pSmAc%2FZ0H0Jo07j%2FiBM6oNj8fJyzqS52YAceoaSVjt4dqwwqHow%2B%2BznIrrB0Z8JX1A%3D%3D" />
                </video>
            </div> -->

            <div class="am-table">
                <div class="am-tablecell">
                    <img src="" alt="">
                    <div class="am-bn-des">
                        <div class="am-table">
                            <div class="am-tablecell">
                                <div class="am-bn-center">
                                    <img src="<?php echo G_STATIC_URL; ?>/aomas/common/bn-logo.jpg" alt="" class="bn-logo" id="bn-logo">
                                    <!-- <p class="am-play" id="am-play">
                                        <img src="<?php echo G_STATIC_URL; ?>/aomas/common/play.png" alt="" class="am-play-img hide js-play-pause">
                                        <img src="<?php echo G_STATIC_URL; ?>/aomas/common/pause.png" alt="" class="am-pause-img js-play-pause">
                                    </p> -->
                                    <div class="am-bn-btn-group">
                                        <div class="row">


                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!-- <?php echo G_STATIC_URL ?>/aomas/img/home/a1.jpg -->
        <div class="row section-50">

            <?php foreach( $home_data['brand'] AS $key=>$val ){ ?>
            <div class="col-md-6 col-sm-6 col-xs-6">
                <div class="section-ad-body">
                    <div class="section-bn section-bn2" style="background-image: url(<?php echo $val['pic'];?>)"></div>
                    <div class="am-table section-ad-body-text">
                        <div class="am-tablecell">
                            <!--<img src="<?php echo $val['pic']?>" alt="">-->
                            <div class="am-bn-des">
                                <div class="am-table">
                                    <div class="am-tablecell">
                                        <div class="am-bn-center">
                                            <img src="" alt="">
                                            <div class="am-bn-btn-group">
                                                <div class="row">
                                                    <p class="col-md-12 bn-title">
                                                        <?php echo $val['brand'];?>
                                                    </p>

                                                    <p class="col-md-12 bn-des">
                                                        <?php echo $val['des']?>

                                                    </p>

                                                    <div class="col-md-12">
                                                        <a  href="<?php echo $val['url']?>" class="am-bn-btn">了解更多</a>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <?php }?>
        </div>

        <div class="section-bn" style="height: 457px">
            <div class="section-video" style="top:0;">
                <video class="am-video" id="am-video2" poster="<?php echo $home_data['banner'][1]['pic'];?>">
                    <source src="<?php echo $home_data['banner'][1]['video'];?>">
                </video>
            </div>
            <div class="am-table">
                <div class="am-tablecell">
                    <img src="" alt="">
                    <div class="am-bn-des">
                        <div class="am-table">
                            <div class="am-tablecell">
                                <div class="am-bn-center">
                                    <img src="" alt="">
                                    <div class="am-bn-btn-group">
                                        <div class="row">
                                            <!-- <p class="col-md-12 bn-title" style="font-size: 42px;margin-bottom: 30px;" id="bn-title-p">
                                                发现生活的美好
                                            </p> -->

                                            <p class="am-play" id="am-play2">
                                                <img src="<?php echo G_STATIC_URL; ?>/aomas/common/play.png" alt="" class="am-play-img js-play-pause">
                                                <img src="<?php echo G_STATIC_URL; ?>/aomas/common/pause.png" alt="" class="am-pause-img hide js-play-pause">
                                            </p>

                                            <!-- <p class="col-md-12 bn-des" style="font-size: 20px;" id="bn-des-p">
                                                因专业而贴心
                                            </p> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section-cate">
            <?php foreach($home_data['goods_category'] AS $key1=>$val1){?>

            <?php  if($key1%2 ==0){?>
            <div class="row section-cate-li">
                <div class="col-md-7 col-sm-7 col-xs-7">
                    <!-- <div class="bn bn5">
                        <img src="<?php echo $val1['pic'];?>" >
                    </div> -->
                    <div class="bn ">
                        <div class="am-table">
                            <div class="am-tablecell text-center">
                                <img src="<?php echo $val1['pic'];?>" alt=""></img>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-5 col-sm-5 col-xs-5">
                    <div class="section-cate-des-block pull-right">
                        <p class="section-cate-title text-right"><?php echo $val1['title'];?></p>
                        <p class="section-cate-des text-right"><?php echo $val1['des'];?></p>
                        <div class="row section-cate-list">
                            <?php foreach($val1['goods']  AS $key=>$val){ ?>
                            <div class="col-md-6 col-xs-6 col-sm-6">
                                <a href="/product/goods-<?php echo $val['goods_id'];?>/">

                                    <div class="section-cate-price pull-right">
                                        <div class="img-block">
                                            <div class="am-table">
                                                <div class="am-tablecell">
                                                    <img src="<?php echo get_goods_cover_url($val['goods_id'],'mid',$val['cover']); ?>" alt="<?php echo $val['goods_name']; ?>">
                                                </div>
                                            </div>
                                        </div>
                                        <p class="section-cate-price-title"><?php echo $val['goods_name'];?></p>
                                        <p class="section-cate-price-des"><?php echo $val['goods_brief']; ?></p>
                                        <p class="section-cate-price-rmb"><?php echo $val['shop_price']; ?><span>元</span></p>
                                    </div>
                                </a>

                            </div>
                            <?php }?>
                        </div>
                    </div>

                </div>
            </div>
            <?php }else{?>

            <div class="row section-cate-li">
                <div class="col-md-5 col-sm-5 col-xs-5">
                    <div class="section-cate-des-block pull-left">
                        <p class="section-cate-title text-left"><?php echo $val1['title'];?></p>
                        <p class="section-cate-des text-left"><?php echo $val1['des']?></p>
                        <div class="row section-cate-list">
                            <?php foreach($val1['goods']  AS $key=>$val){ ?>
                            <div class="col-md-6 col-xs-6 col-sm-6">
                                <a href="/product/goods-<?php echo $val['goods_id'];?>/">
                                    <div class="section-cate-price pull-right">
                                        <div class="img-block">
                                            <div class="am-table">
                                                <div class="am-tablecell">
                                                    <img src="<?php echo get_goods_cover_url($val['goods_id'],'mid',$val['cover']); ?>" alt="<?php echo $val['goods_name']; ?>">
                                                </div>
                                            </div>
                                        </div>
                                        <p class="section-cate-price-title"><?php echo $val['goods_name'];?></p>
                                        <p class="section-cate-price-des"><?php echo $val['goods_brief']; ?></p>
                                        <p class="section-cate-price-rmb"><?php echo $val['shop_price']; ?><span>元</span></p>
                                    </div>
                                </a>
                            </div>
                            <?php }?>
                        </div>
                    </div>

                </div>

                <div class="col-md-7 col-sm-7 col-xs-7 pull-right">
                    <div class="bn ">
                        <div class="am-table">
                            <div class="am-tablecell text-center">
                                <img src="<?php echo $val1['pic'];?>" alt=""></img>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <?php } ?>
            <?php } ?>


        </div>

        <div class="section-bn" style="height: 457px">
            <!--$home_data['banner'][2]['pic'];-->
            <div class="section-video" style="top:0;">
                <video class="am-video" id="am-video3" poster="<?php echo $home_data['banner'][2]['pic'];?>">
                    <source src="<?php echo $home_data['banner'][2]['video'];?>">
                </video>
            </div>
            <div class="am-table">
                <div class="am-tablecell">
                    <div class="am-bn-center">
                        <p class="am-play" id="am-play3">
                            <img src="<?php echo G_STATIC_URL; ?>/aomas/common/play.png" alt="" class="am-play-img js-play-pause">
                            <img src="<?php echo G_STATIC_URL; ?>/aomas/common/pause.png" alt="" class="am-pause-img hide js-play-pause">
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="section-prod-hot">
            <?php foreach($home_data['goods_list'] AS $key1=>$val1){ ?>
            <div class="pro-hot-li">
                <div class="pro-hot-title">
                    <?php echo $val1['title'];?>
                </div>

                <div class="pro-hot-des">
                    <?php echo $val1['des'];?>
                </div>

                <ul class="pro-hot-label">
                    <li>
                        <a href="<?php echo $val1['url']; ?>" class="label-more">更多+</a>
                    </li>
                </ul>

                <div class="pro-list">
                    <ul class="pro-list row">
                        <?php foreach( $val1['goods'] AS $ket=>$val){ ?>
                        <li class="col-md-3 col-sm-3 col-xs-3">
                            <div class="pro-li-body">
                                <div class="img-block" data-src="/product/goods-<?php echo $val['goods_id'] ?>/">
                                    <div class="am-table">
                                        <div class="am-tablecell">
                                            <img src="<?php echo get_goods_cover_url($val['goods_id'],'mid',$val['cover']); ?>" alt="<?php echo $val['goods_name']; ?>">
                                        </div>
                                    </div>
                                </div>
                                <p class="pro-li-title"><?php echo $val['goods_name']; ?></p>
                                <p class="pro-li-des"><?php echo $val['goods_brief']; ?></p>
                                <ul class="pro-li-label">
                                    <?php foreach($val['goods_style'] AS $sub_key=> $sub_item){ ?>
                                    <li data-color="<?php echo $sub_item['goods_color'];?>" data-src="<?php echo get_goods_cover_url($val['goods_id'],'mid',$sub_item['goods_color_pic']); ?>" style="border: 1px solid #f00" class="no-active">
                                        <span style="background: <?php echo $sub_item['goods_color'];?>"></span>
                                    </li>
                                    <?php }?>
                                </ul>
                                <div class="pro-li-price">
                                    <span class="new-price"><?php echo $val['shop_price']; ?>元</span>
                                    <span class="old-price"><?php echo $val['market_price']; ?>元</span>
                                </div>

                                <div class="pro-li-do">
                                    <a class="look-info" href="/product/goods-<?php echo $val['goods_id'] ?>/">查看详情</a>
                                    <a class="to-shop js-add-cart" data-id="<?php echo $val['goods_id'];?>">加入收藏夹</a>
                                </div>
                            </div>
                        </li>
                        <?php } ?>



                    </ul>
                </div>
            </div>
            <?php }?>

        </div>

        <div class="section-bn section-bn5">
            <div class="section-zp">
                <div class="row">
                    <div class="pull-left col-md-5 col-sm-5 col-xs-5">
                        <div class="am-table">
                            <div class="am-tablecell">
                                <p class="zp-left-p1" id="zp-left-p1">2018</p>
                                <p class="zp-left-p2" id="zp-left-p2">精彩有你创造</p>
                                <a class="zp-btn"id="zp-btn" href="/recruit">了解更多</a>
                            </div>
                        </div>

                    </div>
                    <div class="pull-right col-md-5 col-sm-5 col-xs-5">
                        <div class="am-table">
                            <div class="am-tablecell">
                                <p class="zp-right-p1" id="zp-right-p1">2018</p>
                                <p class="zp-right-p2" id="zp-right-p2">我们的每一个细胞<br/>都需要更加努力</p>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>

        <!-- <div class="section-prod-hot">
            <div class="pro-hot-li">
                <div class="pro-hot-title">
                    企业动态
                </div>

                <div class="pro-hot-des">
                    2018，加入我们跟志同道合的人们在一起，每天体验不一样的生活。
                </div>

                <div class="row zp-footer">
                    <div class="col-md-5 col-sm-5 col-xs-5">
                        <p class="new-act">最新活动</p>

                        <div class="new-act-body">

                        </div>
                    </div>
                    <div class="col-md-6 col-md-offset-1 col-sm-offset-1 col-xs-offset-1 col-sm-6 col-xs-6">
                        <div class="section-bn section-bn6"></div>
                    </div>
                </div>
            </div>
        </div> -->

    </div>

    <!-- 尾部全局 -->
    <?php TPL::output('aomas/global/footer.tpl.htm'); ?>

</div>

<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="<?php echo G_STATIC_URL; ?>/aomas/js/common/toast.script.js" type="text/javascript"></script>
<script src="<?php echo G_STATIC_URL; ?>/aomas/js/common/common.js" type="text/javascript"></script>
<script src="<?php echo G_STATIC_URL; ?>/aomas/js/home/home.js" type="text/javascript"></script>
</body>
</html>